<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/css/style.css">
    <script type="text/javascript" src="static/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="static/js/jquery.SuperSlide.2.1.1.js"></script>

</head>
<body>
<div class="banner-box">
    <div class="bd">
        <ul>
            <li>
                <div class="m-width">
                    <a href="javascript:void(0);"><img src="static/img/1.jpg"
                                                       style="width: 800px;height: 825px;"/></a>
                </div>
            </li>
            <li>
                <div class="m-width">
                    <a href="javascript:void(0);"><img src="static/img/2.png"
                                                       style="width: 800px;height: 825px;"/></a>
                </div>
            </li>
            <li>
                <div class="m-width">
                    <a href="javascript:void(0);"><img src="static/img/3.png" style="width: 800px;height: 825px;"/></a>
                </div>
            </li>
            <li>
                <div class="m-width">
                    <a href="javascript:void(0);"><img src="static/img/2.png"
                                                       style="width: 800px;height: 825px;"/></a>
                </div>
            </li>

        </ul>
    </div>
    <div class="banner-btn">
        <a class="prev" href="javascript:void(0);"></a>
        <a class="next" href="javascript:void(0);"></a>
        <div class="hd">
            <ul></ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $(".prev,.next").hover(function () {
            $(this).stop(true, false).fadeTo("show", 0.9);
        }, function () {
            $(this).stop(true, false).fadeTo("show", 0.4);
        });
        $(".banner-box").slide({
            titCell: ".hd ul",
            mainCell: ".bd ul",
            effect: "fold",
            interTime: 3500,
            delayTime: 500,
            autoPlay: true,
            autoPage: true,
            trigger: "click"
        });
    });
</script>
</body>
</html>
